@import "variable";
@import "common";
@import "dialog";

body {
  .container {
    width: 990px;
  }
}

#userinfo {
  background: @f5;
  .content {
    padding-left: 120px;
    padding-top: 20px;
    display: block;
  }
  .sub {
    .fl();
    width: 120px;
    .rel();
    left: -120px;
  }
  .main {
    .fl();
    width: 99.9%;
    margin-left: -120px;
    overflow: hidden;
  }
  .menu {
    width: 110px;
    padding-left: 10px;
    dl {
      padding-bottom: 15px;
    }
    dt {
      height: 28px;
      line-height: 28px;
      color: @font_grey_3;
      .font-w700();
    }
    dd {
      color: @font_dark_grey;
      line-height: 24px;
      &:hover {
        color: @price_red;
        .font-w700();
        text-decoration: underline;
      }
      &.active a {
        color: @price_red;
      }
    }
  }
  .mod_main {
    padding: 10px;
    background: @font_white;
    margin-bottom: 20px;
    .mt {
      display: block;
      padding: 10px;
      ul {
        .fl();
      }
      li {
        .fl();
        padding-left: 20px;

      }
      a {
        display: inline-block;
        padding-bottom: 2px;
        color: #999;

      }
      a.active {
        padding-bottom: 0;
        color: @price_red;
        border-bottom: 2px solid @price_red;
        .font-w700();
        cursor: pointer;

      }
    }
    .user_lcol {
      .fl();
      width: 500px;
    }
    .user_set {
      background-color: @font_white;
      padding: 20px 5px 0 15px;
      width: 520px;
    }
  }
  .form .fl {
    margin-left: 5px;
  }
  .itxt_succ {
    background: url("../img/succ-ico.png") right center no-repeat;
  }
  .birthd_info {
    width: 397px;
    overflow: hidden;
  }
  #edit_user {
    display: none;
  }
  .user_info {
    overflow: hidden;
    width: 302px;
    .fl();
    padding: 10px;
    margin-bottom: 10px;
    height: 124px;
    border: 1px solid @border_grey;
    background-color: @f9;
    color: @font_dark_grey;
    line-height: 20px;
  }
  .u_pic {
    .rel();
    z-index: 0;
    .fl();
    width: 104px;
    height: 104px;
    overflow: hidden;
    text-align: center;
    margin-right: 6px;
    img {
      width: 100px;
      height: 100px;
    }
    .mask {
      background: url("../img/myjd-bg2.png") 0 0;
      width: 104px;
      height: 104px;
      .abs();
      left: 0;
      top: 0;
      z-index: 2;
    }
  }
  .info_m {
    .fl();
    width: 170px;
  }

  hr {
    margin: 10px auto;
  }
  .u_pic_edit {
    width: 300px;
  }
  a.add_btn {
    display: inline-block;
    vertical-align: middle;
    .font-w700();
    padding: 0 14px;
    height: 28px;
    line-height: 28px;
    .font-s14();
    margin: 0 10px 0 0;
    color: @font_grey_3 !important;
  }
  .addr_item {
    border: 2px solid @border_grey;
    margin: 0 0 10px;
  }
  .item_t {
    padding-left: 10px;
    line-height: 35px;
    height: 35px;
    .rel();
    display: block;
    overflow: visible;
    h3 {
      .fl();
      color: @font_dark_grey;
      .font-s12();
      line-height: 35px;
    }
    a {
      margin: 0 10px;
      color: @link_blue;
    }
    .extra {
      .fr();
      margin: 0 10px 0 0;
    }
    .del_btn {
      margin-top: 10px;
      display: inline-block;
      width: 13px;
      height: 13px;
      background: url("../img/close.png") no-repeat;
      overflow: hidden;
      vertical-align: middle;
      color: @link_blue;
      margin: 0 0 0 20px;
    }
  }
  .alias_form {
    .abs();
    left: 6px;
    top: 6px;
    width: 220px;
    //height: 128px;
    border: 1px solid @border_grey;
    background: @font_white;
    //z-index: 2;
    z-index: 9999;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
  }
  .alias_new {
    width: 220px;
    height: 25px;
    margin-top: -1px;
    margin-left: -1px;
    margin-bottom: 5px;
    overflow: hidden;
    .ipt_text {
      .fl();
      width: 167px;
      height: 25px;
      line-height: 23px;
      padding: 0 5px;
      border: 1px solid @border_grey;
      border-right: medium none;
    }
    .btn_save {
      .fl();
      width: 53px;
      height: 25px;
      line-height: 25px;
      padding: 0;
      border: medium none;
      overflow: hidden;
      text-align: center;
      color: @font_white;
      background: @price_red;
    }
  }
  .alias_common {
    width: 200px;
    margin: 0 auto;
  }
  .item_c {
    padding: 10px;
    line-height: 22px;
    width: 808px;
  }
  .items {
    .rel();
    width: 788px;
  }
  .item_lcol {
    .fl();
    width: 450px;
    li {
      span {
        float: left;
        width: 70px;
        color: #999;
        text-align: right;
      }
      .fl {
        width: 360px;
        margin-left: 5px;
      }
    }
  }
  .item_rcol {
    width: 330px;
    .fl();
    padding-left: 10px;
    height: 100%;
    .extra {
      .abs();
      right: 0;
      bottom: 0;
    }
  }
  .info {
    margin: 5px;
    text-align: center;
    select {
      border: 1px solid @border_grey;
      background: @font_white;
    }
    #show {
      color: #3399FF;
    }
  }
}

//三级联动
.bottom {
  text-align: right;
  .font-s12();
  color: @font_grey;
  width: 1000px;
}